<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的风采</title>
<link href="../my.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="other.css" type="text/css" media="screen"/>

<link rel="stylesheet" type="text/css" href="../css/style.css" />
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.transform-0.9.3.min_.js"></script>
<script type="text/javascript" src="../js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="../js/jquery.RotateImageMenu.js"></script>


<script language="javascript">
	function at_show_aux(parent, child)
	{
	  var p = document.getElementById(parent);
	  var c = document.getElementById(child);

	  var top  = (c["at_position"] == "y") ? 20 : 10;
	  var left = (c["at_position"] == "x") ? 20 : 10;

	  for (; p; p = p.offsetParent)
	  {
		top  += p.offsetTop;
		left += p.offsetLeft;
	  }

	  c.style.position   = "absolute";
	  c.style.top        = top +'px';
	  c.style.left       = left+'px';
	  c.style.visibility = "visible";
	}



	// ----- Show -----

	function at_show()
	{
	  p = document.getElementById(this["at_parent"]);
	  c = document.getElementById(this["at_child" ]);

	  at_show_aux(p.id, c.id);

	  clearTimeout(c["at_timeout"]);
	}

	// ----- Hide -----

	function at_hide()
	{
	  c = document.getElementById(this["at_child"]);

	  c["at_timeout"] = setTimeout("document.getElementById('"+c.id+"').style.visibility = 'hidden'", 300);
	}


	function at_click()
	{
	  p = document.getElementById(this["at_parent"]);
	  c = document.getElementById(this["at_child" ]);

	  if (c.style.visibility != "visible") at_show_aux(p.id, c.id);
	  else c.style.visibility = "hidden";

	  return false;
	}


		function at_attach(parent, child, showtype, position, cursor)
	{
	  p = document.getElementById(parent);
	  c = document.getElementById(child);

	  p["at_parent"]     = p.id;
	  c["at_parent"]     = p.id;
	  p["at_child"]      = c.id;
	  c["at_child"]      = c.id;
	  p["at_position"]   = position;
	  c["at_position"]   = position;

	  c.style.position   = "absolute";
	  c.style.visibility = "hidden";

	  if (cursor != undefined) p.style.cursor = cursor;

	  switch (showtype)
	  {
		case "click":
		  p.onclick     = at_click;
		  p.onmouseout  = at_hide;
		  c.onmouseover = at_show;
		  c.onmouseout  = at_hide;
		  break;
		case "hover":
		  p.onmouseover = at_show;
		  p.onmouseout  = at_hide;
		  c.onmouseover = at_show;
		  c.onmouseout  = at_hide;
		  break;
	  }
	}
	</script>

</head>
<body>
<!--[if lt IE 7]>
    <script src="../js/DD_belatedPNG_0.0.8a-min.js"></script>
    <script src="../js/ie6Js.js"></script>
<![endif]-->
<div class="header">
  <div><img id="h_img1" src="../images/wlhj.png" width="200" height="100" alt="WLH"/></div>
  <div><img id="h_img2" src="../images/hyjd.png" width="600" height="100" alt="独立观察员个人网站欢迎您" /></div>
  <div><img id="h_img3" src="../images/dh.gif" width="100" height="100" /></div>
</div>
<hr class="h_hr"/>

<div class="main">
<div class="nav">

<div class="day"><script> 
document.write("<span id=time></span>") //输出显示时间日期的容器 
setInterval(function(){ 
with(new Date) 
time.innerText=(getMonth()+1)+"月"+getDate()+"日 星期"+"日一二三四五六".charAt(getDay())+" "+getHours()+":"+getMinutes()+":"+getSeconds() 
//设置 id 为 time 的对象内的文本为当前日期时间 
},1000)       //每1000毫秒(即1秒) 执行一次本段代码 
</script> </div>
<ul>
<li><a href="../index.html">首页</a></li>
<li><a href="grdan.html">个人档案</a></li>
<li><a href="myhobby.html">我的爱好</a></li>
<li><a href="myphoto.html" id="current">我的风采</a></li>
<li><a href="wyqn.html">文艺青年</a></li>
<li><a href="ywjy.html">与我交友</a></li>
</ul>

</div>

<div class="lmenu">
<ul>
<li><a href="http://blog.sina.com.cn/w1101787191" target="_blank">新浪</a>
<ul>
 <li class="sec"><a href="http://blog.sina.com.cn/w1101787191" target="_blank">新浪博客</a></li>
 <li class="sec"><a href="http://weibo.com/w1101787191?from=profile&wvr=4&loc=infweihao" target="_blank">新浪微博</a></li>
</ul>
</li>
<li><a href="http://user.qzone.qq.com/1591732954/photo/V12uwgKx1OugtY#!app=4" target="_blank">空间相册</a></li>
</ul>
<marquee direction="up" onMouseOut="this.start()" onMouseOver="this.stop()" behavior="scroll"scrollamount="2" scrolldelay="100">
更多图片请点击“空间相册”按钮。
</marquee>
</div>

<div class="content">
<div class="rm_wrapper">
	<div id="rm_container" class="rm_container">
					<ul>
						<li data-images="rm_container_1" data-rotation="-15"><img src="../images/1.jpg"/></li>
						<li data-images="rm_container_2" data-rotation="-5"><img src="../images/2.jpg"/></li>
						<li data-images="rm_container_3" data-rotation="5"><img src="../images/3.jpg"/></li>
						<li data-images="rm_container_4" data-rotation="15"><img src="../images/4.jpg"/></li>
					</ul>
					<div id="rm_mask_left" class="rm_mask_left"></div>
					<div id="rm_mask_right" class="rm_mask_right"></div>
					<div id="rm_corner_left" class="rm_corner_left"></div>
					<div id="rm_corner_right" class="rm_corner_right"></div>
					<div style="display:none;">
						<div id="rm_container_1">
							<img src="../images/1.jpg"/>
							<img src="../images/5.jpg"/>
							<img src="../images/6.jpg"/>
							<img src="../images/7.jpg"/>
						</div>
						<div id="rm_container_2">
							<img src="../images/2.jpg"/>
							<img src="../images/8.jpg"/>
							<img src="../images/9.jpg"/>
							<img src="../images/10.jpg"/>
						</div>
						<div id="rm_container_3">
							<img src="../images/3.jpg"/>
							<img src="../images/11.jpg"/>
							<img src="../images/12.jpg"/>
							<img src="../images/13.jpg"/>
						</div>
						<div id="rm_container_4">
							<img src="../images/4.jpg"/>
							<img src="../images/14.jpg"/>
							<img src="../images/15.jpg"/>
							<img src="../images/16.jpg"/>
						</div>
					</div>
				</div>
				<div class="rm_nav">
					<a id="rm_next" href="#" class="rm_next"></a>
					<a id="rm_prev" href="#" class="rm_prev"></a>
				</div>
				<div class="rm_controls">
					<a id="rm_play" href="#" class="rm_play">Play</a>
					<a id="rm_pause" href="#" class="rm_pause">Pause</a>
				</div>
			</div>
		</div>

<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
<span class="bds_more">分享到：</span>
<a class="bds_qzone"></a>
<a class="bds_tsina"></a>
<a class="bds_tqq"></a>
<a class="bds_renren"></a>
<a class="bds_t163"></a>
<a class="shareCount"></a>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=6531505" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
</script>
<!-- Baidu Button END -->
</div>

<div class="clearfloat"></div>

<div class="footer">
  <hr/>
  <p>&copy;2012-2013 All Right Reserved</p>
</div>

</div>
</body>
</html>
